<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>16110100521_谭创浩</title>
	<style>
		.t1{
			width: 950px;
			height: 315px;
			border: 1px solid #cacaca;
		}
		.t2{
			background-image: url(1.png);
			width: 950px;
			height: 30px;
			border-bottom: 1px solid #cacaca;
		}
		.t3{
			width: 6px;
			height: 15px;
			background-color:#6e6e6e; 
			float: left;
			margin-top: 8px;
			margin-left: 11px;
		}
		.t4{
			height: 30px;
			width: 100px;
			float: left;
			margin-left: 12px;
			line-height: 30px;
			font-size: 15px;
			font-weight: bolder;
		}
		.t5{
			height: 30px;
			width: 50px;
			float: right;
			margin-right: 5px;
			line-height: 30px;
			font-size: 10px;	
		}
		.t6{
			margin-left: 15px;
			margin-top: 15px;
			height: 260px;
			width:195px;
			float: left;
		}
		.t6 img{
			width: 195px;
			height: 230px;
		}
		.t6 span{
			font-size: 12px;
			text-align: center;
			width: 160px;
			height: 15px;
			font-weight: bolder;
		}
		.t7{
			margin-top: 15px;
			margin-left: 23px;
			height: 120px;
			width: 160px;
			float: left;
			font-size: 12px;
			text-align: center;
			font-weight: bolder;
		}
		.t7 img{
			width: 170px;
			height: 105px;
		}
	</style>
</head>

<body>
	<div class="t1">
		<div class="t2">
			<div class="t3"></div>
			<div class="t4">我们拍世界</div>
			<div class="t5">更多>></div>
		</div>
		<div class="t6">
			<img src="1.jpg">
			<span>舌尖上的俄罗斯 俄罗斯美食大盘点</span>
		</div>
		<div class="t7">
			<img src="9.jpg">
			探秘50米深的迷人地洞
		</div>
		<div class="t7">
			<img src="2.jpg">
			看世界上最壮观的路边风景
		</div>
		<div class="t7">
			<img src="3.jpg">
			伦敦塔桥绽五彩光芒（组图）
		</div >
		<div class="t7">
			<img src="4.jpg">
			感受豪华徒步旅行的乐趣
		</div>
		<div class="t7">
			<img src="5.jpg">
			世界各地的可爱动物
		</div>
		<div class="t7">
			<img src="6.jpg">
			委内瑞拉玩滑沙惊险刺激
		</div>
		<div class="t7">
			<img src="7.jpg">
			美图：金门大桥建造75周年
		</div>
		<div class="t7">
			<img src="8.jpg">
			菲律宾最美的海滩
		</div>
	</div>
</body>
</html>
